<template>
  <div class="btns bg_f5f5f5 border_top_5_solid_f5f5f5">
    <p class="text_align_center padding_top_8" @click="popupBtn">
      <i class="icon iconfont icon-xiajiantou-copy font_size_32 color_fa6060" />
    </p>
    <van-row gutter="30" class="padding_16 ">
      <van-col span="8" @click="listBtn('festivalList')" class="padding_8">
        <div   
          class="color_FFF text_align_center padding_16 border_radius_8"
          :style="btnBg"
        >
          <i class="icon iconfont icon-jieri font_size_40" />
          <p class="font_size_16">节日</p>
        </div>
      </van-col>
      <van-col span="8" @click="listBtn('sceneList')" class="padding_8">
        <div
          class="color_FFF text_align_center padding_16 border_radius_8"
          :style="btnBg"
        >
          <i class="icon iconfont icon-changjing font_size_40" />
          <p class="font_size_16">场景</p>
        </div>
      </van-col>
      <van-col span="8" @click="listBtn('deviceList')" class="padding_8">
        <div
          class="color_FFF text_align_center padding_16 border_radius_8"
          :style="btnBg"
        >
          <i class="icon iconfont icon-shebei font_size_40" />
          <p class="font_size_16">设备</p>
        </div>
      </van-col>
    </van-row>
  </div>
</template>
<script src="./btns.js" />
